<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
        <meta name="author" content="胡歌">
        <title>分类</title>
        <link href="../Bootstrap/css/bootstrap.min.css" rel="stylesheet">
        <link rel="stylesheet" type="text/css" href="../css/base.css"/>
        <link rel="stylesheet" type="text/css" href="../css/classify.css"/>
    </head>
    <body>
        <div class="header-wrapper header-search">
        	<span class="glyphicon glyphicon-menu-left"></span>
        	<span class="header-title">商品分类</span>
        	<span class="glyphicon glyphicon-search"></span>
        </div>
        <!--滚动的导航条-->
        <nav>
        <ul class="scroll-menu">
        	<li class="active-item"><a href="">手机电话卡</a></li>
        	<li><a href="">笔记本电脑</a></li>
        	<li><a href="">电视盒子</a></li>
        	<li><a href="">智能硬件</a></li>
        	<li><a href=""></a>移动电源 插接县</li>
        	<li><a href=""></a>爱情废材</li>
        	<li><a href=""></a>你好</li>
        	<li><a href=""></a>速度激情 </li>
        	<li><a href=""></a>形貌功夫</li>
        	<li><a href=""></a>小米艾特那你</li>
        </ul>
        </nav>
        <!--灰白空格-->
        <main>
        	<section>
               <div class="blank-gray"></div>
               <div class="pro-banner">
        	      <img src="../img/red/aa.jpg"/>
               </div>
               <div class="blank-gray"></div>
           <div class="pro-wrapper">
           	     	<h3>手机电话卡</h3>
               <div class="pro-list">
               
               	<a href="">
               		<figure>
               			<img src="../img/red/49.jpg"/>
               			<figcaption>小米6</figcaption>
               		</figure>
               	</a>
               	<a href="">
               		<figure>
               			<img src="../img/red/58.jpg"/>
               			<figcaption>小米6</figcaption>
               		</figure>
               	</a>
               	
               	<a href="">
               		<figure>
               			<img src="../img/red/59.jpg"/>
               			<figcaption>小米6</figcaption>
               		</figure>
               	</a>
               	
               	<a href="">
               		<figure>
               			<img src="../img/red/77.jpg"/>
               			<figcaption>小米6</figcaption>
               		</figure>
               	</a>
               	
               	<a href="">
               		<figure>
               			<img src="../img/red/70.jpg"/>
               			<figcaption>小米6</figcaption>
               		</figure>
               	</a>
               	
               	<a href="">
               		<figure>
               			<img src="../img/red/68.jpg"/>
               			<figcaption>小米6</figcaption>
               		</figure>
               	</a>
               	
               	<a href="">
               		<figure>
               			<img src="../img/red/69.jpg"/>
               			<figcaption>小米6</figcaption>
               		</figure>
               	</a>
               	
               	<a href="">
               		<figure>
               			<img src="../img/red/67.jpg"/>
               			<figcaption>小米6</figcaption>
               		</figure>
               	</a>
               	
               	<a href="">
               		<figure>
               			<img src="../img/red/66.jpg"/>
               			<figcaption>小米6</figcaption>
               		</figure>
               	</a>
               	
               	<a href="">
               		<figure>
               			<img src="../img/red/64.jpg"/>
               			<figcaption>小米6</figcaption>
               		</figure>
               	</a>
               	
               	<a href="">
               		<figure>
               			<img src="../img/red/63.jpg"/>
               			<figcaption>小米6</figcaption>
               		</figure>
               	</a>
               	
               	<a href="">
               		<figure>
               			<img src="../img/red/65.jpg"/>
               			<figcaption>小米6</figcaption>
               		</figure>
               	</a>
               	
               		<a href="">
               		<figure>
               			<img src="../img/red/38.jpg"/>
               			<figcaption>我喜欢您很久了</figcaption>
               		</figure>
               	</a>
               </div>
           </div>   <!--   pro-wrapper-->
               
               
               
               
               
             </section>  
        </main>
        <script src="../Bootstrap/js/jquery.min.js"></script>
        <script src="../Bootstrap/js/bootstrap.min.js"></script>
        <script src="../js/classify.js" >   </script>
    </body>
</html>

